<!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
	<link rel="stylesheet" href="/static/css/pure.css">
	<link rel="stylesheet" href="/static/css/css.css">
  <link rel="stylesheet" href="/static/css/pure-min.css">
  <link rel="stylesheet" href="/static/css/pure-button.css">
  <script src="/static/js/jquery.min.js"></script>

</head>
<body>
  <div class="main pure-g-r">
    <div class="pure-u-1-1">
      <div class="c1 ph-500 mg">
          
        <div class="pure-u-1-3"></div>
    
        <div class="pure-u-1-3">
          <div class="pure-center">
            <form action="/gpioset/" method="get">
              <p></p>
              <button type="button" id="11k" value="11#k" class="pure-button pure-button-xlarge">开</button>
              <p></p>
              <button type="button" id="11g" value="11#g" class="pure-button pure-button-xlarge">关</button>
            </form>
            
          </div>
        </div>

        <div class="pure-u-1-3"></div>

      </div>
    </div>
  </div>

  <script>
    $(document).ready(function(){
      $("#11k").click(function(){
        var a = $("#11k").val();
        $.get("/gpioset/",{'a':a}, function(ret){})
      });
      $("#11g").click(function(){
        var a = $("#11g").val();
        $.get("/gpioset/",{'a':a}, function(ret){})
      });
    });
  </script>

</body>
</html>